.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	z-index: 1000;
	/* background-color: #fff; */
}

.top-view {
	height: var(--status-bar-height);
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	/* background-color: #fff; */
}

.top-fixed {
	position: fixed;
	top: var(--status-bar-height);
	z-index: 10;
	width: 100%;
	left: 0;
}

	
.page{
	width:100%;
	height:100%;
	overflow: hidden;
	padding-top:11vh;
}
.page-box{
	margin-top:-11vh;
	height:calc(100vh + 11vh);
	overflow: scroll;
}
.head {
	font-size: 36rpx;
	color: #fff;
	display: block;
	text-align: center;
	padding: 6vh 0 0rpx 0;
	height: 11vh;
	z-index: 9999;
	position: fixed;
	width:100%;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}
.head-left{
	justify-content: flex-start;
}
.top-title{
	
}

	
.sub-head{
	font-size: 36rpx;
	color: #fff;
	display: block;
	text-align: center;
	padding: 6vh 0 38rpx 0;
	height: 210rpx;
	z-index: 9999;
	position: fixed;
	width:100%;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(-90deg, #B90C08, #FF6600, #FFC200);
}
.sub-head-box{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.sub-head  .back {
	position: absolute;
	left:30rpx;
	top:50%;
	transform: translateY(-50%);
}
.sub-head ,.title {
}

.slot-home{
	margin-left:30rpx;
}
